// pages/searchPage/searchPage.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    searchData:'智能自动洗菜机', //固定值
    searchVal: '', //变化的值（取自固定值）
    searchTruth: '', //搜索框内真实的值
    truth: true,
    localList: [{title:'dddss'}], //取自本地的数据（搜索历史）
    // locals: [], //本地数组输出到页面上
    searchType:"商品"
  
  },

  changeSearchType(){
     if(this.data.searchType == "店铺"){
         this.setData({
             searchType:"商品"
         })
     }else{
        this.setData({
            searchType:"店铺"
        })
     }
  },

  searchFocus: function(e) { //获得焦点事件

  },
  searchInput: function(e) { //键盘输入赋值

    this.setData({
      searchVal: e.detail.value
    })
    // console.log(e.detail.value)
  },


  searchBlur: function(e) { //失去焦点

  },


  
  delHistory(){
      // 清空历史记录
      let result = wx.clearStorageSync("searchHistory");
      let history = wx.getStorageSync('searchHistory')||[];
      this.setData({
          localList:history
      })

  },


  searchThis: function() { //点击搜索
    console.log(this.data.searchData, this.data.searchVal)

    if(this.data.searchType == '店铺'){
       wx.navigateTo({
         url: '/pages/searchStore/searchStore?keyWords='+this.data.searchVal,
       })

    }else{
        if(this.data.searchVal != '') { //输入内容不为空
          console.log(this.data.searchVal);
          wx.navigateTo({ //跳转至搜索列表页
            url: '../searchList/searchList?title='+this.data.searchVal+'&type=search',
          })
        } else {
          // 如果输入的搜索的内容是null 那么使用默认的搜索关键词
          wx.navigateTo({ //跳转至搜索列表页
            url: '../searchList/searchList?title='+this.data.searchData+'&type=search',
          })
        }



    }






    // 给本地 数组添加一个搜索历史记录
    let history = wx.getStorageSync('searchHistory')||[]
    console.log(history)
    //如果搜索的内容是空的话那么就不放进历史记录
    let searchValue = this.data.searchVal;
    searchValue = searchValue.trim();

    if(searchValue!=''){
        if(history.length<8){
            // 直接添加
            history.unshift({
              title: this.data.searchVal
            })
        }else{
          // 添加在前面，删除最后一个
            history.unshift({
                title: this.data.searchVal
            })
            // 删除最后一个元素
            history.splice(history.length-1,1);
        }
        // 搜索历史放回本地
        wx.setStorageSync('searchHistory',history)
    }
    

  },

  tagNavi: function(e) { //点击小标签跳转
    console.log(e.currentTarget.dataset.name);
    let name = e.currentTarget.dataset.name;
    if(this.data.searchType == "商品"){
      wx.navigateTo({ //跳转至搜索列表页
        url: `../searchList/searchList?title=${name}&type=search`,
      })
    }else{
      wx.navigateTo({ //跳转至搜索列表页
        url: `/pages/searchStore/searchStore?keyWords=${name}`,
      })
    }
  
  }, 

  onLoad: function(options) {


  },


  onShow: function() {
    let localList = wx.getStorageSync("searchHistory");
    console.log(localList, '搜索历史')
    this.setData({
      localList
    })

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})